<%@ page trimDirectiveWhitespaces="true" language="java"
         contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/mytag" prefix="yjd"%>
<!DOCTYPE html>
<html><head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>跳转提示</title>
    <style type="text/css">
        *{ padding: 0; margin: 0; }

        body{ background: #f2f2f2; font-family: tahoma,arial,"Hiragino Sans GB",Microsoft YaHei,\5b8b\4f53; color: #333; font-size: 16px; }
        h1{ font-size: 40px; font-weight: normal; line-height: 120px; margin-bottom: 12px; }
        .jump{ padding-top: 10px}
        .jump a{ color: #333;}

        .wrap{
            padding-top:50px;word-break:break-all;
        }
        #error_tips{
            border-radius:10px;
            background:#fff;
            width:500px;
            margin:50px auto;
        }
        #error_tips h2{
            font:bold 14px/40px Arial;
            height:40px;
            padding:0 20px;
            color:#666;
        }
        .error_cont{
            padding:30px;
            border:1px solid #e1e1df;
            border-radius:0 0 10px 10px;
            border-top:none;
            line-height:1.8;
        }
        .error_return{
            padding:10px 0 0 0 ;
        }

        #error_tips h2{
            background:#ff9900;
            color:#fff;
            border-radius:10px 10px 0 0;
        }
        .message{
            padding:5px 0 0 0 ;
        }
        .btn {color: #333;background:#f9f9f9;
            background-repeat: no-repeat;
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#f4f4f4));
            background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #f4f4f4);
            background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #f4f4f4);
            background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #f4f4f4);
            background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #f4f4f4);
            background-image: linear-gradient(#ffffff, #ffffff 25%, #f4f4f4);
            border: 1px solid #c4c4c4;border-radius: 2px;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);padding:4px 10px;display: inline-block;cursor: pointer;font-size:100%;line-height: normal;text-decoration:none;overflow:visible;vertical-align: middle;text-align:center;zoom: 1;_position:relative;margin:0 10px 0 0;font-size:12px;}
        .erroricon{
            display:block;width:50px;height:50px;
            background:url('https://static.yijiedai.com/Images/Common/success.png?v=20170223_V1') no-repeat top center;
        }
    </style>
</head>
<body>
<div class="wrap">
    <div id="error_tips">
        <h2>信息提示</h2>
        <div class="error_cont">
            <table width="100%">
                <tbody><tr>
                    <td valign="top" width="60"><span class="erroricon"></span></td>

                    <td valign="top"><div class="message">交易完成</div></td>

                </tr>
                <tr>
                    <td colspan="2" align="right">
                        <div class="error_return"><p class="jump">
                            <b id="wait">5</b>秒后,页面自动 <a id="href" href="https://user.yijiedai.com/funds/data">跳转</a>
                        </p></div>
                    </td>
                </tr>
                </tbody></table>
        </div>
    </div>
</div>
<script type="text/javascript">
    (function(){
        var wait = document.getElementById('wait'),href = document.getElementById('href').href;
        var interval = setInterval(function(){
            var time = --wait.innerHTML;
            if(time <= 0) {
                location.href = href;
                clearInterval(interval);
            };
        }, 1000);
    })();
</script>
</body>
</html>